0
188
VistasReactJs en producción estática: página blanca "Error de tipo: el objeto (...) no es una función"
Tengo un proyecto de ReactJs que ha sido probado y funciona perfectamente en desarrollo.
Ahora estoy tratando de alojarlo en un servidor Apache en mi VPS basado en Ubuntu. Aparentemente, el enrutamiento funciona bien, un simple "acerca de la página" se está cargando bien. Pero todas las demás rutas dan como resultado una página en blanco y los siguientes errores de consola: 
Sospecho que algo podría estar mal con las dependencias: un ejemplo de lista de dependencias para un componente que no funciona se ve así:
import { Row, Col } from 'antd'; import { useNavigate } from "react-router-dom"; import BouncingBox from '../../components/bouncing-box/bouncing-box.jsx'; import RoundedBtn from '../../components/rounded-btn/rounded-btn.jsx'; import { Input } from 'antd'; import { useState, useRef } from 'react'; import FirebaseService from '../../services/FirebaseService.js'; import SessionStorageService from '../../services/SessionStorageService.js' import { useParams } from 'react-router'; import { useEffect } from 'react/cjs/react.development';¿Alguien sabe qué podría estar causando el problema? Es un proyecto basado en create-react-app, por lo que estamos usando webpack junto con algunas bibliotecas personalizadas. Cabe señalar que he intentado alojarlo en Netlify con EXACTAMENTE el mismo resultado, por lo que probablemente no sea un problema de configuración del servidor.
EDITAR:
join-game.jsx línea 27 se refiere a este código...
useEffect(() => { if (inputstate == 1) isHosting.current = true }, [])1 Respuestas
Responde la pregunta0
Así que el problema para mí fue la importación:
import { useEffect } from 'react/cjs/react.development';Fue generado automáticamente. Así que eliminé la línea y cambié:
import { useState, useRef } from 'react';A:
import { useState, useRef, UseEffect } from 'react';Moraleja de la historia: puede hacer clic en el problema que causa en las herramientas de desarrollo e imprimirlo, esto le indicará el archivo en el que probablemente debería verificar sus importaciones.